<template>
  <div class="m-geo">
    <i class="el-icon-location"></i>
    {{ $store.state.geo.city }}
    <nuxt-link class="changeCitt" to="/changeCity">切换城市</nuxt-link>
    <span>
      [<span v-for="(item, index) in city" :key="index"> {{item.name}} </span>]
    </span>
  </div>
</template>
 
<script lang="ts">
// 城市定位服务
import { Component, Vue } from "vue-property-decorator";

@Component({})
export default class extends Vue {
  city: object[] = [{
    id: 1,
    name: '广州'
  },{
    id: 2,
    name: '北京'
  },{
    id: 3,
    name: '深圳'
  }] 
}
</script>

<style lang="scss" scoped>

</style>